<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="theme-color" content="#000000">
    <meta name="applicable-device" content="pc,mobile">
    <link rel="shortcut icon" href="favicon.ico">
    <title>我的设备 - 设备出入库管理系统 - 小院科技</title>
    <link rel="stylesheet" href="css/upgrade-browser.css">
    <link rel="stylesheet" href="css/device-main.css">
</head>
<body>
<div id="root">
    <div class="ims">
        <div class="bg-white setting">
            <div>
                <div class="top-header">
                    <div class="left-logo">
                        <div class="name">设备管理系统</div>
                        <div><span class="tube"> | </span><span><a class="title">我的设备</a></span></div>
                    </div>
                    <div class="right"><a href="#" class="item">注销登录</a>
                        <div class="divider divider-text"></div>
                        <div class="avatar-container">
                            <span class="level ellipsis">用户名（用户分组）</span>
                            <a class="avatar-19brn">
                                <img class="img" src="images/noavatar.png"></a>
                        </div>
                    </div>
                </div>
                <div class="top-devider"></div>
            </div>
            <div class="content content">
                <div class="account">
                    <div class="avatar">
                        <img class="img-big" src="images/noavatar.png">
                    </div>
                    <div class="middle">
                        <div class="username"><span>用户名</span></div>
                        <div class="id">工号：000000</div>
                        <div class="usergroup"><span class="level">用户分组</span></div>
                    </div>
                </div>
                <div class="my-device">
                    <div class="text">
                        <div class="top-text">我的设备</div>
                        <div class="bottom-text">您已申领 # 台设备</div>
                    </div>
                    <div class="device-list">
                        <div class="device-item">
                            <div class="image-container helper-button-info device-item-01">
                                <img src="images/unknown.png" class="device-img">
                            </div>
                            <div class="device-name">设备名称</div>
                            <div class="device-series">设备类别</div>
                        </div>

                        <div class="device-item">
                            <div class="image-container helper-button-info device-item-01">
                                <img src="images/unknown.png" class="device-img">
                            </div>
                            <div class="device-name">设备名称</div>
                            <div class="device-series">设备类别</div>
                        </div>

                        <div class="device-item">
                            <div class="image-container helper-button-info device-item-01">
                                <img src="images/unknown.png" class="device-img">
                            </div>
                            <div class="device-name">设备名称</div>
                            <div class="device-series">设备类别</div>
                        </div>

                        <div class="device-item">
                            <div class="image-container helper-button-info device-item-01">
                                <img src="images/unknown.png" class="device-img">
                            </div>
                            <div class="device-name">设备名称</div>
                            <div class="device-series">设备类别</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="oldbrowser" class="oldbrowser" style="display:none">
    <div class="content">
        <div class="title">请升级您的浏览器</div>
        <div class="desc-1">您当前使用的浏览器太过陈旧，或者设置不正确，比如IE开启了兼容模式。</div>
        <div class="desc-2">如果想要继续使用小院科技设备管理服务, 请升级浏览器吧！</div>
        <div class="new">
            <ul>
                <li class="ch"><a href="http://www.google.cn/intl/zh-CN/chrome/browser/">Chrome</a></li>
                <li class="ff"><a href="http://www.firefox.com.cn/download/">Firefox</a></li>
                <li class="ie"><a href="http://windows.microsoft.com/zh-CN/internet-explorer/downloads/ie">IE10+</a>
                </li>
            </ul>
        </div>
    </div>
</div>
<script>
    !function () {
    var e, n = window.navigator.userAgent, t = n.indexOf("MSIE ");
    0 < t && (e = parseInt(n.substring(t + 5, n.indexOf(".", t)), 10)), 0 < e && e < 10 && (document.getElementById("oldbrowser").style.display = "block", document.getElementById("root").style.display = "none")
}()
</script>
<script src="layer/js/es6-shim.min.js"></script>
<script src="layer/js/jquery-3.3.1.min.js"></script>
<script src="layer/js/jquery.transit.min.js"></script>
<script src="layer/js/easyhelper.min.js"></script>
<script>
    $( ".device-item-01" ).on("click", function () {
        Helper.ui.dialog({
            title: "设备信息",
            content: "<img src='images/unknown.png' style='wight: 150px; height: 150px; float: left;'><div style='float: left; margin-top: 18px; margin-left: 30px;'><p>设备名称：#</p><p>设备型号：#</p><p>领取数量：#</p><p>过保时间：#</p></div>",
            yesText: "关闭",
            /**noText: "取消"**/
        });
    })
</script>
<link rel="stylesheet" href="layer/css/layer.css">
</body>
</html>